<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <!--单向绑定，自己变，其他不会变-->
    <input type="text" v-bind:value="searchMap.keyWord"/>
    <!--双向绑定，自己改变了，其他会跟着改变，v-model做了双向绑定！-->
    <!--绑定是按照ok来实现双向绑定的，但是依据标签《》里面的内容来改变内容，v-model绑定东西，标签里面绑定内容-->
    <input type="text" v-model="searchMap.keyWord"/>

    <p>{{searchMap.keyWord}}</p>

    <script src="vue.min.js"></script>
    <script>
        new Vue({
            el:'#app',
            data:{
                searchMap:{
                    keyWord:'尚硅谷'
                }
            }
        })
    </script>
</div>
</body>
</html>